@import "~@/asset/style/var";

.form-validate-info {
    &.el-popper {
        padding: 0;
    }

    &-ref {
        padding: 0 10px;
        cursor: pointer;
    }

    &-ref,
    &-item .el-icon-circle-close {
        color: $--color-danger;
    }

    &-title {
        text-align: center;
        padding: 5px 16px 4px;
    }

    &-content {
        max-height: 300px;
        overflow: auto;
    }

    &-item {
        padding: 8px 16px;
        border-top: 1px solid $--border-color-base;
        cursor: pointer;

        &:hover {
            background-color: rgba($--color-primary, .1);
        }

        .el-icon-circle-close {
            float: left;
            margin-top: 4px;
            margin-right: 12px;
            padding-bottom: 22px;
        }

        &-label {
            margin-top: 2px;
            color: $--color-text-secondary;
            font-size: 12px;
        }
    }
}
